<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>折叠</title>
    <link rel="stylesheet" href="../../lib/bootstrap/css/bootstrap.css">

</head>
<body>

<a class="btn btn-primary" data-toggle="collapse" href="#collapseExample1" >  Link with href</a>
<!--把显示的内容放在布局之外-->
<div class="collapse" id="collapseExample">
    <div class="well">
        ...
    </div>
</div>
<div class="collapse" id="collapseExample1">
    <div class="well">
        ...2334
    </div>
</div>
</body>
<script src="../../lib/jquery.js"></script>
<script src="../../lib/bootstrap/js/bootstrap.js"></script>
</html>